
<h2>예찰/발생조사 관리 &gt; 소나무재선충</h2>
<div class="content">
  <section class="accordion">
    <h3>검색조건</h3>
    <div>
      <form id="form1" name="form1" method="post" action="">
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="searchTb">
          <tr>
            <th scope="row">병해충명</th>
            <td><select name="select4" id="select4">
                <option selected>전체</option>
                <option>소나무재선충</option>
                <option>솔잎혹파리</option>
                <option>솔껍질깍지벌레</option>
                <option>참나무시들음병</option>
              </select></td>
          </tr>
          <tr>
            <th scope="row">발생지</th>
            <td><select name="select" id="select">
                <option selected="selected">전체</option>
                <option>서울특별시</option>
                <option>경기도</option>
                <option>강원도</option>
              </select>
              <select name="select2" id="select2">
                <option>전체</option>
                <option>유성구</option>
                <option>서구</option>
                <option>동구</option>
              </select>
              <select name="select3" id="select3">
                <option>전체</option>
                <option>갈마동</option>
                <option>둔산동</option>
                <option>월평동</option>
              </select></td>
          </tr>
          <tr>
            <th rowspan="2" scope="row">기간설정</th>
            <td colspan="3"><input type="radio" name="radio" id="radio3" value="radio" />
              <label for="radio3">예찰일</label>
              <input type="radio" name="radio" id="radio4" value="radio" />
              <label for="radio4">조사일</label></td>
          </tr>
          <tr>
            <td colspan="3"><input name="textfield" type="text" class="datepicker" id="textfield" />
              ~
              <input name="textfield2" type="text" class="datepicker" id="textfield2" /></td>
          </tr>
        </table>
        <div class="btn_dp">
          <button type="button">초기화</button>
          <button type="button" onClick="loadData()">조회</button>
        </div>
      </form>
    </div>
  </section>
  <section>
    <div>
      <div class="btn_dp">
        <button type="button">엑셀 다운로드</button>
      </div>
      <div style="clear:both">
        <table id="jsonmap">
        </table>
        <div id="pjmap"> </div>
      </div>
      <script type="text/javascript">

		jQuery("#jsonmap").jqGrid({        
			url:'/sample/alldata.json',
			datatype: "json",
			colNames : ['관리번호'
						,'병해충명'
						,'관리기관'
						,'발생행정구역'
						,'발생면적'
						,'피해도'
						,'조사자'
						,'조사일'
						],
			colModel:[
				 {name:'관리번호' ,	width:80, 	align:"center"}
				,{name:'병해충명' ,	width:100, 	align:"center", editable:true}
				,{name:'관리기관' ,	width:70, 	align:"center" , editable:true}
				,{name:'발생행정구역' ,	width:200, 	align:"left" , editable:true}
				,{name:'발생면적' ,	width:70, 	align:"center" , editable:true}
				,{name:'피해도' ,	width:50, 	align:"center" , editable:true}
				,{name:'조사자' ,	width:50, 	align:"center" , editable:true}
				,{name:'조사일' ,	width:100, 	align:"center"	, editable:true}
			]
			, rowNum:20
			, rowList:[10,20,30]
			, pager: '#pjmap'
			, viewrecords: true
			, height: '340'
			, caption : '전체현황'
			, autowidth : true
			, shrinkToFit : false
			, editurl : 'test.jsp'
			, onSelectRow : function(rowid, status) {
				if ( status ) {
					var data = $(this).getRowData(rowid);
					$(this).newWin("소나무재선충 상세.html", data['발생지']);
				}
			}
			
		});
		jQuery("#jsonmap").jqGrid('navGrid','#pjmap',{}
		, {height:280,reloadAfterSubmit:false} // edit options
		, {height:280,reloadAfterSubmit:false} // add options
		, {reloadAfterSubmit:false} // del options
		, {}
		);
		jQuery("#jsonmap").jqGrid("setFrozenColumns");
		jQuery("#jsonmap").gridResize();
		</script> 
    </div>
  </section>
</div>
